<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/12/23
  Time: 18:46
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//ZN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>审核</title>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/static/easyui/themes/default/easyui.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/static/easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/static/easyui/css/demo.css">
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/easyui/jquery.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/easyui/js/validateExtends.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/easyui/locale/easyui-lang-zh_CN.js"> </script>
    <script type="text/javascript">
        $(function () {
            //datagrid初始化
            $('#dataList').datagrid({
                title: '日志列表',
                iconCls: 'icon-more',//图标
                border: true,
                collapsible: false,//是否可折叠的
                fit: true,//自动大小
                method: "get",
                url: "/s/log/data",
                idField: 'id',
                singleSelect: false,//是否单选
                pagination: true,//分页控件
                rownumbers: true,//行号
                sortName: 'id',
                sortOrder: 'asc',
                remoteSort: false,
                columns: [[
                    {field: 'chk', checkbox: true, width: 50},
                    {field: 'id', title: 'ID', width: 50, sortable: true},
                    {field: 'username', title: '用户名', width: 100, sortable: true},
                    // {field: 'status', title: '状态', width: 100,
                    //     formatter: function(value,row,index){
                    //         if (row.status == 1){
                    //             return "待审核";
                    //         } else if(row.status==2){
                    //             return "已审核";
                    //         }
                    //     }
                    // },
                    {field: 'logintime', title: '登录时间', width: 150},
                    {field: 'type', title: '类型', width: 100,
                        formatter:function (value, row, index) {
                            if (row.type == 1 ){
                                return "登入";
                            }else if (row.type == 2){
                                return  "登出";
                            }
                        }
                    }

                ]],
                toolbar: "#toolbar"
            });
            //设置分页控件
            var p = $('#dataList').datagrid('getPager');
            $(p).pagination({
                pageSize: 10,//每页显示的记录条数，默认为10
                pageList: [10, 20, 30, 50, 100],//可以设置每页记录条数的列表
                beforePageText: '第',//页数文本框前显示的汉字
                afterPageText: '页    共 {pages} 页',
                displayMsg: '当前显示 {from} - {to} 条记录   共 {total} 条记录',
            });
            //设置工具类按钮
            $("#add").click(function () {
                $("#addDialog").dialog("open");
            });
            //修改
            $("#detail").click(function () {
                var selectRows = $("#dataList").datagrid("getSelections");
                if (selectRows.length != 1) {
                    $.messager.alert("消息提醒", "请选择一条数据进行操作!", "warning");
                } else {
                    $("#detailDialog").dialog("open");
                }
            });


            //删除  完成
            $("#delete").click(function () {
                var selectRows = $("#dataList").datagrid("getSelections");
                var selectLength = selectRows.length;
                if (selectLength == 0) {
                    $.messager.alert("消息提醒", "请选择数据进行删除!", "warning");
                } else {
                    // var numbers = [];
                    // $(selectRows).each(function (i, row) {
                    //     numbers[i] = row.id;
                    // });
                    var ids = [];
                    $(selectRows).each(function (i, row) {
                        ids[i] = row.id;
                    });

                    $.messager.confirm("消息提醒", "将删除相关的所有数据(包括成绩)，确认继续？", function (r) {
                        if (r) {
                            $.ajax({
                                type: "post",
                                url: "/s/leave/delete" ,
                                // data: {numbers: numbers, sids: ids},
                                data: {ids: ids},
                                success: function (msg) {
                                    if (msg.status == 200) {
                                        $.messager.alert("消息提醒", msg.msg, "info");
                                        //刷新表格
                                        $("#dataList").datagrid("reload");
                                        $("#dataList").datagrid("uncheckAll");
                                    } else {
                                        $.messager.alert("消息提醒", msg.msg, "warning");
                                        return;
                                    }
                                }
                            });
                        }
                    });
                }
            });

            // 列表页 搜索年级下拉框  换插件
            // $("#gradeList").combobox({
            //     width: "150",
            //     height: "25",
            //     valueField: "gid",
            //     textField: "gradeName",
            //     multiple: false, //可多选
            //     editable: false, //不可编辑
            //     method: "get",
            //     url: "/s/Grade?action=data",
            //     onChange: function (newValue, oldValue) {
            //
            //         //加载该年级下的学生  已完成
            //         $('#dataList').datagrid("options").queryParams = {gid: newValue};
            //         $('#dataList').datagrid("reload");
            //
            //         //加载该年级下的班级 已完成
            //         $("#clazzList").combobox("clear");
            //         $("#clazzList").combobox("options").queryParams = {gid: newValue};
            //         $("#clazzList").combobox("reload")
            //     }
            // });

            //列表页 搜索班级下拉框 换插件
            // $("#clazzList").combobox({
            //     width: "150",
            //     height: "25",
            //     valueField: "cid",
            //     textField: "clazzName",
            //     multiple: false, //可多选
            //     editable: false, //不可编辑
            //     method: "get",
            //     url: "/s/Clazz?action=combobox",
            //     onChange: function (newValue, oldValue) {
            //         //加载班级下的学生
            //         $('#dataList').datagrid("options").queryParams = {cid: newValue};//这是请求参数的改变。
            //         $('#dataList').datagrid("reload");
            //     }
            // });

            //列表页搜索按钮
            $('#search').bind('click', function(){
                 var startTime = $("#startTime").textbox("getText");
                 var endTime = $("#endTime").textbox("getText");
                 var username = $("#username").textbox("getText");
                 var type = $("#type").combobox("getValue");
                $('#dataList').datagrid("options").queryParams = {startTime: startTime,endTime:endTime,username:username,type:type};
                $("#dataList").datagrid("reload");

            });

            // 添加页 编辑页 下拉框通用属性 完成
            // $("#add_gradeList, #edit_gradeList, #add_uid, #edit_uid").combobox({
            //     width: "200",
            //     height: "30",
            //     // valueField: "id",
            //     // textField: "name",
            //     multiple: false, //可多选
            //     editable: false, //不可编辑
            //     // method: "post",
            // });

            //add 的都是添加学生框里的年级下拉框 完成
            // $("#add_gradeList").combobox({
            //     valueField: "gid",
            //     textField: "gradeName",
            //     method: "get",
            //     url: "/s/Grade?action=data",
            //     onChange: function (newValue, oldValue) {
            //         //加载该年级下的班级
            //         $("#add_clazzList").combobox("clear");
            //         $("#add_clazzList").combobox("options").queryParams = {gid: newValue};
            //         $("#add_clazzList").combobox("reload");
            //     },
            //     onLoadSuccess: function () {
            //         //默认选择第一条数据
            //         var data = $(this).combobox("getData");
            //         $(this).combobox("setValue", data[0].gid);
            //     }
            // });

            //  添加页 小区管理员下拉框 未完成
            // $("#add_uid").combobox({
            //     valueField: "id",
            //     textField: "realname",
            //     method: "get",
            //     url: "/s/User?action=combobox",
            //     onLoadSuccess: function () {
            //         //默认选择第一条数据
            //         var data = $(this).combobox("getData");
            //         $(this).combobox("setValue", data[0].id);
            //     }
            // });

            //编辑页 下拉年级搜索框 完成
            /*        $("#edit_gradeList").combobox({
                        valueField: "gid",
                        textField: "gradeName",
                        method: "get",
                        url: "/s/Grade?action=data",
                        onChange: function(newValue, oldValue){
                            //加载该年级下的班级
                            $("#edit_clazzList").combobox("clear");
                            $("#edit_clazzList").combobox("options").queryParams = {gid: newValue};
                            $("#edit_clazzList").combobox("reload");
                        },
                        onLoadSuccess: function(){
                            //默认选择第一条数据
                            var data = $(this).combobox("getData");
                            $(this).combobox("setValue", data[0].gid);
                        }
                    });*/

            //编辑页 下拉班级搜索框 未完成
            // $("#edit_uid").combobox({
            //     valueField: "id",
            //     textField: "realname",
            //     method: "get",
            //     url: "/s/User?action=combobox",
            //     onLoadSuccess: function () {
            //         //默认选择第一条数据
            //         var data = $(this).combobox("getData");
            //         // $(this).combobox("setValue", data[0].id);
            //     }
            // });

            //设置添加小区窗口 完成
            $("#addDialog").dialog({
                title: "添加年休假",
                width: 650,
                height: 500,
                iconCls: "icon-add",
                modal: true,
                collapsible: false,
                minimizable: false,
                maximizable: false,
                draggable: true,
                closed: true,
                buttons: [
                    {
                        text: '添加',
                        plain: true,
                        iconCls: 'icon-user_add',
                        handler: function () {
                            var validate = $("#addForm").form("validate");

                            // var state = $("#edit_state").combobox("getValue");
                            // var id = $("#dataList").datagrid("getSelected").id;
                            // let name = $("#edit_name").textbox("getText");
                            // var hiredate = $("#edit_hiredate").datebox("getValue");

                            let vacationtype = $("#add_vacationtype").textbox("getText");
                            if ("年休假"== vacationtype){
                                vacationtype = 1;
                            }
                            let startTime = $("#add_startTime").datebox("getValue") + $("#add_sTime").combobox("getValue");
                            let endTime = $("#add_endTime").datebox("getValue") + $("#add_eTime").combobox("getValue");
                            let reason = $("#add_reason").textbox("getText");

                            let data = {
                                vacationtype:vacationtype,
                                startTime:startTime,
                                endTime:endTime,
                                reason:reason
                            };
                            if (!validate) {
                                $.messager.alert("消息提醒", "请检查你输入的数据!", "warning");
                                return;
                            } else {
                                // var gid = $("#add_gradeList").combobox("getValue");
                                // var id = $("#add_uid").combobox("getValue");
                                // let data = { "number":111,"name":"aaa","gender":"男","phone":13333333333,"qq":"1111","gid":1,"cid":6}

                                $.ajax({
                                    type: "post",
                                    url: "/s/leave/add",
                                    // data: $("#addForm").serialize(), //序列化，要与html的name属性名一致，但着并不是变成json，只是变成键值对。
                                    data: data, //序列化，要与html的name属性名一致，但着并不是变成json，只是变成键值对。
                                    //data: JSON.stringify($("#addForm").serialize()),
                                    success: function (msg) {
                                        if (msg.status == 200) {
                                            $.messager.alert("消息提醒", msg.msg, "info");
                                            //关闭窗口
                                            $("#addDialog").dialog("close");
                                            //清空原表格数据
                                            $("#addForm").form('clear');
                                            $("#add_vacationtype").textbox('setValue',"年休假");

                                            //重新刷新页面数据
                                            // $('#dataList').datagrid("options").queryParams = {id: id};
                                            $('#dataList').datagrid("reload");
                                            // $("#gradeList").combobox('setValue', gid);
                                            // setTimeout(function(){
                                            //     $("#clazzList").combobox('setValue', cid);
                                            // }, 100);

                                        } else {
                                            $.messager.alert("消息提醒", msg.msg, "warning");
                                            return;
                                        }
                                    }
                                });
                            }
                        }
                    },
                    {
                        text: '重置',
                        plain: true,
                        iconCls: 'icon-reload',
                        handler: function () {
                            /* $("#add_number").textbox('setValue', "");
                             $("#add_name").textbox('setValue', "");
                             $("#add_phone").textbox('setValue', "");
                             $("#add_qq").textbox('setValue', "");*/
                            $("#addForm").form('clear');
                            $("#add_vacationtype").textbox('setValue',"年休假");


                        }
                    },
                ]
            });

            //设置编辑小区窗口 未完成
            $("#detailDialog").dialog({
                title: "查看详细请假信息",
                width: 650,
                height: 560,
                iconCls: "icon-edit",
                modal: true,
                collapsible: false,
                minimizable: false,
                maximizable: false,
                draggable: true,
                closed: true,
                buttons: [
                    {
                        id:'agree',
                        text: '提交',
                        plain: true,
                        iconCls: 'icon-user_add',
                        handler: function () {  //ajax 提交前把数据准备好。
                            var validate = $("#editForm").form("validate");
                            // let vacationtype = $("#edit_vacationtype").textbox("getText");
                            // if ("年休假"== vacationtype){
                            //     vacationtype = 1;
                            // };
                            var selectRow = $("#dataList").datagrid("getSelected");
                            let id = selectRow.id;
                            // let startTime = $("#edit_startTime").datebox("getValue") + $("#edit_sTime").combobox("getValue");
                            // let endTime = $("#edit_endTime").datebox("getValue") + $("#edit_eTime").combobox("getValue");
                            // let reason = $("#edit_reason").textbox("getText");
                            let opinion  = $("#edit_opinion").textbox("getValue")
                            let status = '2';

                            let data = {
                                id:id,
                                // vacationtype:vacationtype,
                                // startTime:startTime,
                                // endTime:endTime,
                                // reason:reason
                                opinion:opinion,
                                status:status
                            };
                            if (!validate) {
                                $.messager.alert("消息提醒", "请检查你输入的数据!", "warning");
                                return;
                            } else {
                                $.ajax({
                                    type: "post",
                                    url: "/s/audit/audit",
                                    data: data,  //序列化，要与html的name属性名一致
                                    success: function (msg) {
                                        if (msg.status == 200) {
                                            $.messager.alert("消息提醒", msg.msg, "info");
                                            //关闭窗口
                                            $("#detailDialog").dialog("close");
                                            //刷新表格
                                            // $('#dataList').datagrid("options").queryParams = {id: id};
                                            $("#dataList").datagrid("reload");
                                            $("#dataList").datagrid("uncheckAll");

                                            // $("#gradeList").combobox('setValue', gid);
                                            // setTimeout(function () {
                                            //     $("#clazzList").combobox('setValue', cid);
                                            // }, 100);

                                        } else {
                                            $.messager.alert("消息提醒", msg.msg, "warning");
                                            return;
                                        }
                                    }
                                });
                            }
                        }
                    },
                    {
                        text: '重置',
                        plain: true,
                        iconCls: 'icon-reload',
                        handler: function () {
                            //清空表单

                            $("#editForm").combobox("clear");
                            $("#edit_vacationtype").textbox("setValue","年休假");
                            $("#edit_gradeList").combobox("reload");
                        }
                    }
                ],
                onBeforeOpen: function () {   //打开前，记载好数据，然后把数据写入编辑表单中
                    var selectRow = $("#dataList").datagrid("getSelected");
                    //设置值
                    $("#edit_startTime").datebox("setValue",selectRow.starttime) ;
                    $("#edit_sTime").combobox("setValue"," 14:00:00");
                    $("#edit_endTime").datebox("setValue",selectRow.endtime) ;
                    $("#edit_eTime").combobox("setValue" , " 14:00:00");
                    $("#edit_reason").textbox("setValue" , selectRow.reason);
                    $("#edit_opinion").textbox("setValue",selectRow.opinion);


                    // var uid = selectRow.uid;
                    // var cid = selectRow.cid;
                   /* $("#edit_uid").combobox('setValue', uid);*/
                    // setTimeout(function () {
                    //     $("#edit_clazzList").combobox('setValue', cid);
                    // }, 100);

                }
            });

        });

        function detail1(index) {
            alert(index)

        }

    </script>
</head>
<body>
<!-- 小区列表 -->
<table id="dataList" cellspacing="0" cellpadding="0">

</table>
<!-- 工具栏 -->
<div id="toolbar">
<%--    <div style="float: left;"><a id="audit" href="javascript:;" class="easyui-linkbutton"--%>
<%--                                 data-options="iconCls:'icon-add',plain:true">审核</a></div>--%>
<%--    <div style="float: left;" class="datagrid-btn-separator"></div>--%>
<%--    <div style="float: left;"><a id="detail" href="javascript:;" class="easyui-linkbutton"--%>
<%--                                 data-options="iconCls:'icon-edit',plain:true">查看</a></div>--%>
<%--    <div style="float: left;" class="datagrid-btn-separator"></div>--%>
<%--    <div style="float: left;"><a id="mul_audit" href="javascript:;" class="easyui-linkbutton"--%>
<%--                                 data-options="iconCls:'icon-some-delete',plain:true">批量审核</a></div>--%>
    <div style="float: left; margin: 2px 10px 0 10px">
        开始时间：<input id="startTime" class="easyui-datebox" data-options="editable:false">
        结束时间：<input id="endTime" class="easyui-datebox" data-options="editable:false">
    </div>
    <div style="float: left; margin: 2px 10px 0 10px">
        用户名： <input id="username" class="easyui-textbox">
    </div>

    <div style="float: left; margin: 2px 10px 0 10px">
        <select id="type" class="easyui-combobox"
                data-options="editable: false, panelHeight: 50, width: 60" name="state">
            <option value="1">登入</option>
            <option value="2">登出</option>
        </select>
    </div>


    <div style="margin-left: 10px;"><a id="search" href="javascript:;" class="easyui-linkbutton"
                                       data-options="iconCls:'icon-some-delete',plain:true">搜索</a></div>


</div>

<!-- 添加学小区窗口 -->
<div id="addDialog" style="padding: 10px">
    <div style="float: right; margin: 20px 20px 0 0; width: 200px;height: 200px; border: 1px solid #EBF3FF" id="photo">
        <img alt="照片" style="max-width: 200px; max-height: 400px;" title="照片" src="photo/student.jpg"/>

    </div>
    <form id="addForm" method="post">
        <table cellpadding="8">
            <tr>
                <td>类型:</td>
                <td><input id="add_vacationtype" style="width: 200px; height: 30px;" class="easyui-textbox" type="text"
                           name="vacationtype" data-options="required:true, missingMessage:'请填写类型',editable:false" value="年休假" /></td>
            </tr>
            <tr>
                <td>开始时间:</td>
                <td><input name="startTime" id="add_startTime" class="easyui-datebox" data-options="editable:true"></td>
                <td><select id="add_sTime" class="easyui-combobox"
                            data-options="editable: false, panelHeight: 50, width: 60" name="state">
                    <option value=" 09:00:00">上午</option>
                    <option value=" 14:00:00">下午</option>
                </select></td>
            </tr>
            <tr>
                <td>结束时间:</td>
                <td><input name="endTime" id="add_endTime" class="easyui-datebox" data-options="editable:true"></td>
                <td><select id="add_eTime" class="easyui-combobox"
                            data-options="editable: false, panelHeight: 50, width: 60" name="state">
                    <option value=" 09:00:00">上午</option>
                    <option value=" 14:00:00">下午</option>
                </select></td>
            </tr>

            <tr>
                <td>请假理由:</td>
                <td><input id="add_reason" style="width: 200px; height: 30px;" class="easyui-textbox" type="text"
                           name="reason" data-options="required:true, missingMessage:'请填写理由' , multiline:true ,height:40"/></td>
            </tr>

        </table>
    </form>
</div>

<!-- 修改小区窗口 -->
<div id="detailDialog" style="padding: 10px">
    <div style="float: right; margin: 20px 20px 0 0; width: 200px; border: 1px solid #EBF3FF">
        <img id="edit_photo" alt="照片" style="max-width: 200px; max-height: 400px;" title="照片" src=""/>
    </div>
    <form id="editForm" method="post">
        <table cellpadding="8">
            <tr>
                <td>类型:</td>
                <td><input id="edit_vacationtype" style="width: 200px; height: 30px;" class="easyui-textbox" type="text"
                           name="vacationtype" data-options="required:true, missingMessage:'请填写类型',editable:false" value="年休假" /></td>
            </tr>
            <tr>
                <td>开始时间:</td>
                <td><input name="startTime" id="edit_startTime" class="easyui-datebox" data-options="editable:true"></td>
                <td><select id="edit_sTime" class="easyui-combobox"
                            data-options="editable: false, panelHeight: 50, width: 60 ,editable:false" name="state">
                    <option value=" 09:00:00">上午</option>
                    <option value=" 14:00:00">下午</option>
                </select></td>
            </tr>
            <tr>
                <td>结束时间:</td>
                <td><input name="endTime" id="edit_endTime" class="easyui-datebox" data-options="editable:true"></td>
                <td><select id="edit_eTime" class="easyui-combobox"
                            data-options="editable: false, panelHeight: 50, width: 60 ,editable:false" name="state">
                    <option value=" 09:00:00">上午</option>
                    <option value=" 14:00:00">下午</option>
                </select></td>
            </tr>

            <tr>
                <td>请假理由:</td>
                <td><input id="edit_reason" style="width: 200px; height: 30px;" class="easyui-textbox" type="text"
                           name="reason" data-options="required:true, missingMessage:'请填写理由' , multiline:true ,height:40 ,editable:false"/></td>
            </tr>
            <tr>
                <td>审核意见:</td>
                <td><input id="edit_opinion" style="width: 200px; height: 30px;" class="easyui-textbox" type="text"
                           name="opinion" data-options="required:true, missingMessage:'填写审核意见' , multiline:true ,height:40 "/></td>
            </tr>

        </table>
    </form>
</div>

</body>
</html>
